﻿/*----- Reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, thead, tbody, tfoot, tr, th, td{border:0;font-family:inherit;font-size:100%;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ul{list-style:none;}
/*----- Common -----*/
body{background:#452901;color:#452a00;font:normal normal 100% Verdana, Helvetica, sans-serif;line-height:1.2em; background: url(../img/index_02.png) repeat-x;}
input, select, textarea{color:#452A00;font:normal normal 1em Verdana, Helvetica, sans-serif;margin:0}
a:link, a:visited{color:#fff;text-decoration:none}
a:hover{color:#f19820}
h3{font-size:1.1em; padding:4px}
h2{font-size:1.3em; padding:5px; color:#452a00}
.clear{clear:both}
#wd-container{width:960px;margin:0 auto;font-size:0.75em;}
/*----- Header -----*/
#wd-header{background:url(../img/lg2.png) 238px top no-repeat transparent; color:#fff;height:164px}
body.en #wd-header{background:url(../img/lg2.png) 220px top no-repeat transparent;}
#wd-header #language{padding: 5px 0; text-align: right}
#wd-header #language a.current{color: #f19820}
#wd-header #search{padding: 10px 0; text-align: right}
#wd-header #search form{width: 232px; float:right}
#wd-header #search form input.search_input{width: 200px; height: 22px; border: 1px solid #f19820; float: right; border-radius: 3px 0 0 3px; color: #f19820}
#wd-header #search form input.submit{width: 28px; height: 26px; float:right; background: url(../img/search_05.png) no-repeat; border: 0 none;}

/*----- Menu -----*/			
#wd-nav{float:left;width:960px; padding: 40px 0 20px;}
#wd-nav ul{float:left}
#wd-nav ul li{display:inline;margin-right:1px;float:left}
#wd-nav ul li a{float:left;padding:6px 12px 5px;color:#fff;font-size:1.1em;text-transform:uppercase;  }
#wd-nav ul li a:hover,#wd-nav li a.wd-current{color:#f19820}
#wd-nav >ul >li:first-child >a{padding-left: 0}
#wd-nav >ul >li:last-child >a {padding-right: 0}
#wd-nav ul li{position:relative;z-index:1000}
#wd-nav ul li.empty{width: 165px; height:24px; font-size: 0em}
body.en #wd-nav ul li.empty{width: 180px;}
#wd-nav ul ul{position:absolute;display:none;top:30px;left:0;width:197px;z-index:1000; background: #724e14; opacity:0.7;filter:alpha(opacity=70);border-top:1px solid #f69700}
#wd-nav ul li ul li{padding:0;float:left;border:none; background: url(../img/bottom_menu_03.png) bottom no-repeat;padding-bottom: 1px}
#wd-nav ul li ul li a:hover{background:#a06100}
#wd-nav ul li ul a{float:left;width:167px;padding:10px 20px 10px 10px;font:normal 13px arial;
z-index:1000;text-transform:capitalize;}
#wd-nav ul a.hover-rule,#wd-nav ul a.wd-hover-rule-1{background-color:#453a00;color:#fff}
#wd-nav ul ul ul{top:-1px}
#wd-nav ul li ul ul{left:190px;margin:0 0 0 10px}
#wd-nav ul li:hover ul ul, 
#wd-nav ul li:hover ul ul ul,
#wd-nav ul li:hover ul ul ul ul{display:none}
#wd-nav ul li:hover ul,
#wd-nav ul li li:hover ul,
#wd-nav ul li li li:hover ul,
#wd-nav ul li li li li:hover ul{display:block}

/*----- Content -----*/
.wd-content{height:634px;/*overflow:hidden*/}
.wd-left-content{float:left;width:200px;padding-right:10px;vertical-align:top;}
.wd-right-content{float:right;width:240px;padding-left:10px;vertical-align:top}
.wd-main-content{vertical-align:top;overflow:hidden;height:100%}
.wd-extras,.wd-header-line{margin:15px 0;clear:both}
.wd-section{background-color:#fff;padding:10px}
/*----- Footer -----*/
#wd-footer{clear:both;color:#fff;height:80px;overflow:hidden}
#wd-footer .footer-left{float: left; width: 350px}
#wd-footer .footer-right{float: right; width: 300px; text-align: right}
#wd-footer .footer-right a{font-weight: bold; color: #ce7601}

/* support */
#support { bottom: 0; position: fixed; right: 15%; text-align: left; width: 252px; z-index: 100; }
#support h2 {
    background: url("../img/qat_28.png") no-repeat scroll 20px 8px #ce7601;
    border-radius: 8px 8px 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 15px 0 30px;
    text-align: center;
    text-transform: uppercase;
}
#support .content { background-color: #FFF; border:1px solid #ce7601; padding: 10px 0; color: #000;}
#support .content ul { overflow: hidden; padding: 3px 0}
#support .content ul li { float: left; padding: 5px; width: 112px; font-size: 0.6em; background: none}
#support .content h3 { font-size: 1em; margin-top: 5px; padding: 0 0 0 5px; background: none}
#support .content .hotline{ font-size: 1.4em;}

/* cart */
.cart{position: fixed; right: 0; top: 200px; background: url(../img/qat_12.png) no-repeat transparent; width: 50px; height: 112px; z-index: 100; text-align: center;}
.cart h3{font-size: 0.8em; font-weight: normal; line-height: 17px}
.cart  a{ z-index: 102; font-size: 1em; font-weight: bold; top:75px; right: 0; position: absolute;  width: 50px; height: 24px; text-align: center;}

/* pagination */
.wd-paging{margin:10px auto;padding:4px 0;text-align:center;}
.wd-paging span{text-align:center;overflow:hidden}
.wd-paging a{color:#fff;border:1px solid #e6e6e6;background-color:#7a4b00}
.wd-paging a:hover{background-color:#453a00;color:#fff}
.wd-paging a.wd-prev:hover{background-color:#453a00;color:#fff;border:1px solid #e6e6e6}
.wd-paging a.wd-next:hover{background-color:#453a00;color:#fff;border:1px solid #e6e6e6}
.wd-paging a{padding:3px 7px}
.wd-paging .current,.wd-paging span strong{background-color:#453a00;color:#fff;border:1px solid #e6e6e6;padding:3px 7px}
.wd-paging .wd-prev{background-color:#7a4b00;padding-left:12px;color:#fff}
.wd-paging .wd-next{background-color:#7a4b00;padding-right:12px;color:#fff}
.wd-paging div.wd-disable{display:inline}
.wd-paging div.wd-disable span.wd-next{background-color:#7a4b00;padding:3px 12px 3px 5px;color:#cccccc;border:1px solid #e6e6e6}
.wd-paging div.wd-disable span.wd-prev{background-color:#7a4b00;padding:3px 5px 3px 12px;color:#cccccc;border:1px solid #e6e6e6}
.wd-paging span.wd-disable{background-color:#7a4b00;padding:3px 5px 3px 12px;color:#cccccc;border:1px solid #e6e6e6}

.product_fancybox {max-width: 800px; min-width: 500px; text-align: center}
.product_fancybox h1.title {padding: 5px 0 10px}
.product_fancybox p, .product_fancybox span, .product_fancybox strong{text-align: justify}
.product_fancybox span.price{text-align: justify; float: left}
.product_fancybox a.order{float:right;  background: url("../img/qat_21.png") no-repeat scroll 0 0 transparent;    height: 29px;   line-height: 28px;    width: 110px; text-align: right; padding-right:5px; font-size: 0.9em}